<script setup>
const props=defineProps(['addressList'])

</script>

<template>
  <div class="card">
        <div class="info">
            <div class="name">{{props.addressList.name}}</div>
            <div class="tel">{{props.addressList.phone}}</div>
        </div>
        <div class="address_text">{{props.addressList.city}}{{props.addressList.department}}{{props.addressList.houseNumber}}</div>
    </div>

</template>

<style lang="scss" scoped>
@import '@/style/viriables.scss';
.card {
    margin: .18rem;
    padding: .18rem;
    background-color: $bgColor;
    border-radius: .04rem;
    font-size: .14rem;

    .info {
        display: flex;
        justify-content: space-between;
        margin-bottom: .08rem;
        color: $light-fontColor;

        div {
            flex: 1;
        }
    }
}
</style>